<template>
  <div class="q-field row no-wrap items-start q-input q-field--outlined q-field--float q-field--dense items-center" style="padding-bottom: 4px">
    <div class="q-field__before q-field__marginal row no-wrap items-center">
      <label class="text-right name" style="font-size: 14px !important;">
        <span>{{label}}:</span>
      </label>
    </div>
    <div style="max-width: calc(100% - 86px)" class="font-size-14">
      <span style="width: 100%" class="text-ellipsis">{{value}}</span>
      <q-tooltip>{{value}}</q-tooltip>
    </div>
  </div>
</template>

<script>
export default {
  name: 'text-label',
  props: {
    label: {
      required: true
    },
    value: {
      required: true
    }
  }
}
</script>

<style scoped lang="stylus">

</style>
